<template>
  <div>
    <a-drawer width="40%" :visible="visible" :title="title" @close="visible = false">
      消息详情
    </a-drawer>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: '消息标题'
    }
  },
  data () {
    return {
      visible: false
    }
  },
  methods: {
    open () {
      this.visible = true
    },
    close () {
      this.visible = false
    }
  }
}
</script>
